<script setup lang="ts">
// ui组件库使用
import { Button as AButton, Breadcrumb as ABreadcrumb, BreadcrumbItem as ABreadcrumbItem, message } from 'ant-design-vue';


const toError = () => {
  message.error('错误');
};

</script>

<template>
  <div class="my-app">
    <a-button type="primary" @click="toError">Primary Button</a-button>

    <a-breadcrumb>
      <a-breadcrumb-item>Home</a-breadcrumb-item>
      <a-breadcrumb-item><a href="">Application Center</a></a-breadcrumb-item>
      <a-breadcrumb-item><a href="">Application List</a></a-breadcrumb-item>
      <a-breadcrumb-item>An Application</a-breadcrumb-item>
    </a-breadcrumb>
    <router-view></router-view>
  </div>
</template>

<style scoped>
.my-app {
  padding: 20px;
}
</style>
